<!--#include virtual="/include/header.html"-->
<!-- 内容部分 s-->
<div id="bd" class="dream-bag">
	
	<div class="dream-hd">
		<div class="radius date-sel">12<b>月</b></div>
		<h2><a href="javascript:void(0)" id="editTitle" >我们的马尔代夫梦想旅程</a></h2>
		<div class="friend-list">
			<ul>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_2.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_2.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_2.jpg" alt="" /></a></li>
			</ul>
			<a href="#" class="add-btn">邀请好友</a>
		</div>
		<a href="javascript:void(0);" class="radius set-link poplayer" data='{type:"ajax", url:"/front/layer/privacySet.html"}'>隐私设置</a>
	</div>
	<div class="radius bag">
		<h3>将 马尔代夫 好吃的、好玩的点点滴滴建议都装入梦想行囊里吧！</h3>
		<ul class="bag-kind">
			<li class="scene"><span>+景</span><b>7</b><i class="cur"></i></li><!--scene-->
			<li class="off-eat"><span>+吃</span><b>2</b></li><!--eat-->
			<li class="not-hove off-live"><span>+住</span><b>0</b></li><!--live-->
			<li class="off-play"><span>+玩</span><b>5</b></li><!--play-->
			<li class="off-run"><span>+行</span><b>8</b></li><!--run-->
			<li class="off-other"><span>+其他</span><b>12</b></li><!--other-->
		</ul>
		<div class="slide">
			<div class="slide-box" id="slider_1">
				<ul>
					<li data="8">
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟8</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>移除</i>
					</li>
					<li data="14">
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟14</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>移除</i>
					</li><!--
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>移除</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>移除</i>
					</li>
					<li class="hover">
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>移除</i>
					</li>-->
				</ul>
			</div>
			<span id="slider_1_prev" class="prev">前一页</span>
			<span id="slider_1_next" class="next">后一页</span>
		</div>
		<div class="library">
			<div class="mod-l">魔法祭坛记忆库</div>
			<div class="sel-box">
				<span>我们采集的<b>（50）</b></span>
				<span class="cur">其他鱼采集<b>（3435）</b></span>
				<span>咕噜鱼提供<b>（150）</b></span>
			</div>
			<div class="sel-con" id="ID2"><!--
				<ul>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
					<li class="seled">
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
					<li class="hover">
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>添加</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<div class="links">
							<a href="javascript:void(0)" class="comment">(45)</a>
							<a href="javascript:void(0)" class="detail">详情</a>
						</div>
						<i>已选择</i>
					</li>
				</ul>-->
			</div>
		</div>
		<div class="center">
			<div class="pager" id="ID2_page">
				<i class="prev">前一页</i>
				<span id="ID2_pageNum">
					<!--<a href="javascript:void(0)" class="cur">1</a>
					<a href="javascript:void(0)">2</a>
					<a href="javascript:void(0)">3</a>
					<a href="javascript:void(0)">4</a>
					<a href="javascript:void(0)">5</a>
					<a href="javascript:void(0)">6</a>-->
				</span>
				<i class="next">后一页</i>
			</div>
		</div>
		<div class="center">
			<div class="btns">
				<button type="button">预览</button>
				<button class="minor" type="button">删除梦想</button>
			</div>
		</div>
	</div>
	<div class="radius comment-box">
		<div class="hd">
			<h2>我们的评论<b>（34）</b></h2>
			<button class="unfold">展开<i class="arrow"></i></button>
		</div>
	</div>
	<div class="radius comment-box">
		<div class="hd">
			<h2>我们的评论<b>（34）</b><a href="javascript:void(0)" class="comment-dream">梦想寄语</a></h2>
			<button class="fold">展开<i class="arrow"></i></button>
		</div>
		<div class="comment-main">
			<div class="weibo">
				<h2 class="tit">咕噜咕噜</h2>
				<div class="publish">
					<textarea name="" id="lTxtArea" cols="" rows="" class="text"></textarea>
					<span class="insert-img"><i></i>插入图片</span>
					<button id="lTxtArea_btn">发布</button><!--默认button没有按钮，不能被提交，文本框中有内容的时候添加class on-->
					<span class="tips" id="lTxtAreaTips">你还可以输入<b>140</b>字</span>
				</div>
				<div class="weibo-list">
					<div class="img-txt">
						<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
						<div class="txt">
							<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
							<p><img src="/static/img/data/120x90.jpg" alt="" /></p>
							<div class="links">
								<span class="date">1个小时前</span>
								<a href="javascript:void(0)">回复（45）</a>
								<a href="javascript:void(0)">+引用到行囊</a>
							</div>
							<div class="reply-item clearfix">
								<div class="reply-box">
									<textarea name="" id="" cols="" rows="" class="text"></textarea>
									<button>发布</button><!--默认button没有按钮，不能被点击文本框中有内容的时候添加class btn-->
									<span class="tips">你还可以输入<b>140</b>字</span>
								</div>
								<div class="img-txt">
									<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
									<div class="txt">
										<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
										<span class="date">30分钟前</span>
									</div>
								</div>
								<div class="img-txt">
									<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
									<div class="txt">
										<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
										<span class="date">30分钟前</span>
									</div>
								</div>
								<i class="close">关闭</i>
								<a href="" class="more">更多内容</a>
							</div>
						</div>
					</div>
					<div class="img-txt">
						<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
						<div class="txt">
							<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
							<p><img src="/static/img/data/120x90.jpg" alt="" /></p>
							<div class="links">
								<span class="date">1个小时前</span>
								<a href="javascript:void(0)">回复（45）</a>
								<a href="javascript:void(0)">+引用到行囊</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="side">
			<div class="item">
				<h3>最勤劳的咕噜鱼...</h3>
				<ul class="img-list">
					<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
					<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
					<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
				</ul>
			</div>
			<div class="dynamic item">
				<h3>最新动态...</h3>
				<div class="img-txt">
					<div class="img"><img src="/static/img/data/40x40.jpg" alt="" /></div>
					<div class="txt">
						<p>Cici  添加了一个新酒店：东锦江大酒店<span class="date">1个小时以前</span></p>
					</div>  
				</div>
				<div class="img-txt">
					<div class="img"><img src="/static/img/data/40x40.jpg" alt="" /></div>
					<div class="txt">
						<p>Cici  添加了一个新酒店：东锦江大酒店<span class="date">1个小时以前</span></p>
					</div>   
				</div>
			</div>
			<div class="item happen">
				<h3>马尔代夫正在发生...</h3>
				<p><strong>国庆日</strong> - 每年的7月26日是马尔代夫的国庆日，该日也是当地的最大节日，届时全国全岛载歌载舞齐欢庆，为远来的游人凭添了一道风景线。</p>
				<p><img src="/static/img/data/120x90.jpg" alt="" /></p>
			</div>
		</div>
		<a href="" class="load-more"><span><img src="/static/img/loading.gif" alt="" />更多<i>&gt;&gt;</i></span></a>	
	</div>
	<div class="radius comment-box">
		<div class="hd">
			<h2>我们的评论<b>（34）</b><a href="javascript:void(0)" class="comment-dream">梦想寄语</a></h2>
			<button class="unfold">展开<i class="arrow"></i></button>
		</div>
		<div class="msg-box">
			<div class="text-box">
				<textarea name="" id=""></textarea>
			</div>
			<p><span class="num-tips">还可以输入<b>500</b>字</span></p>
			<div class="btns">
				<button type="submit">提交</button>
				<button class="minor" type="button">取消</button>
			</div>
		</div>
	</div>
</div>
<!-- 内容部分 end-->

<!-- 讨论 s-->
<div class="layer" id="talk-layer">
	<h2 class="tit">我们关于 天堂岛 的讨论...</h2>
	<div class="con">
		<div class="radius-link">
			<a href="javascript:void(0)" class="obvious">要去（4）</a>
			<a href="javascript:void(0)">不去（0）</a>
		</div>
		<div class="img-txt user">
			<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
			<div class="txt">
				<span class="name">Cici </span>
				<p>引用于 2小时前</p>
			</div>
		</div>
		<div class="reply-item clearfix">
			<div class="layer-reply-box">
				<img src="/static/img/data/120x90.jpg" alt="" />
				<textarea name="" id="" cols="" rows="" class="text"></textarea>
				<button>发布</button><!--默认button没有按钮，不能被点击文本框中有内容的时候添加class btn-->
				<span class="tips">你还可以输入<b>140</b>字</span>
			</div>
			<div class="img-txt">
				<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
				<div class="txt">
					<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
					<p><a href="javascript:void(0)">http://www.xunlei.com</a></p>
					<span class="date">30分钟前</span>
				</div>
			</div>
			<div class="img-txt">
				<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
				<div class="txt">
					<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
					<p><a href="javascript:void(0)">http://www.xunlei.com</a></p>
					<span class="date">30分钟前</span>
				</div>
			</div>
		</div>
	</div>
	<i class="close-hover">关闭</i>
</div>
<!-- 讨论 end-->

<!-- 景点详情 s-->
<div class="layer" id="scenic-detail">
	<h2 class="tit">关于 马累...</h2>
	<div class="con">
		<img src="/static/img/data/120x90.jpg" alt="" />
		<div class="btn-box">
			<button class="btn">从行囊移除</button>
			<button class="obtn">加入行囊</button><!--两个操作按钮-->
		</div>
		<p>马累(Male)是马尔代夫首都和第一大城市，经济中心和对外贸易的唯一海港，位于印度洋马尔代夫群岛中部的马累岛上，面积约1.5平方公里，平均海拨高度为1.2米,位于印度洋马尔代夫群岛中部的马累岛上，面积约1.5平方公里
采集者 爱吃苹果的咪咪，被引用了 23 次,平均海拨高度为1.2米,位于印度洋马尔代夫群岛中部的马累岛上，面积约1.5平方公里,采集者 爱吃苹果的咪咪，被引用了 23 次,平均海拨高度为1.2米,位于印度洋马尔代夫群岛中部的马累岛上，面积约1.5平方公里采集者 爱吃苹果的咪咪，被引用了 23 次,平均海拨高度为1.2米,位于印度洋马尔代夫群岛中部的马累岛上，面积约1.5平方公里</p>
		<p class="info">采集者 爱吃苹果的咪咪，被引用了 <b>23</b>次 ,<b>43</b>人喜欢 </p>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 景点详情 end-->

<!-- 邀请 s-->
<div class="layer" id="invite-layer">
	<h2 class="tit">邀请好友加入梦想旅程</h2>
	<div class="con">
		<div class="slide">
			<div class="hd">
				<span>已经邀请好友6个</span>
				<div class="count"><b>1</b>/4页</div>
			</div>
			<div class="slide-box">
				<ul>
					<li>
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
					<li>
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
					<li>
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
					<li>
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
					<li>
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
					<li>
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
					<li>
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
					<li>
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
					<li class="hover">
						<img src="/static/img/data/40x40.jpg" alt="" />
					</li>
				</ul>
			</div>
			<span class="prev prev-hover">前一页</span>
			<span class="next">后一页</span>
		</div>
		<div class="library">
			<div class="mod-l">共有 234 个好友</div>
			<div class="sel-box">
				<span class="cur">咕噜鱼<b>（234）</b></span> - -  - 
				<span>新浪<b>（50）</b></span>
				<span> 腾讯<b>（3435）</b></span>
			</div>
			<div class="sel-con">
				<ul>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li class="seled">
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li class="hover">
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>添加</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
					<li>
						<img src="/static/img/data/120x90.jpg" alt="" />
						<span class="name">天堂鸟</span>
						<i>已选择</i>
					</li>
				</ul>
			</div>
		</div>
		<div class="center">
			<div class="pager">
				<i class="prev">前一页</i>
				<a href="javascript:void(0)">1</a>
				<a href="javascript:void(0)">2</a>
				<a href="javascript:void(0)" class="cur">3</a>
				<a href="javascript:void(0)">4</a>
				<a href="javascript:void(0)">5</a>
				<a href="javascript:void(0)">6</a>
				<i class="next">后一页</i>
			</div>
		</div>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 邀请 end-->

<!-- 新建景点 s-->
<div class="layer" id="new-scenic">
	<h2 class="tit">新建马尔代夫景点</h2>
	<div class="con">
		<ul class="form">
			<li>
				<span class="name">名称：</span>
				<input type="text" name="" id="" class="txt-l" />
			</li>
			<li>
				<span class="name">图片：</span>
				<input type="file" name="" id="" />
			</li>
			<li>
				<div class="img">
					<img src="/static/img/data/120x90.jpg" alt="" />
					<i>移除</i>
				</div>
			</li>
			<li>
				<span class="name">描述：</span>
				<textarea name="" id="" class="text-l"></textarea>
				<span class="num-tips">还可以输入<b>1000</b>字</span>
			</li>
			<li class="btns">
				<button type="submit">提交</button><button class="minor" type="button">取消</button>
				<button class="minor">删除景点</button>
			</li>
		</ul>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 新建景点 end-->

<!-- 隐私设置 s-->
<div class="layer" id="privacy-set">
	<h2 class="tit">新建马尔代夫景点</h2>
	<div class="con">
		<div class="radio">
			<input type="radio" name="" id="" /><label> 仅受邀好友可见（默认）</label>
			<p>只有接受你邀请的好友可以看到你的旅程信息，发表意见，并拥有和你一起编辑旅程的权利</p>
		</div>
		<div class="radio">
			<input type="radio" name="" id="" /><label> 所有人可见</label>
			<p>所有人都可以看到你的旅程信息，也可以通过微博发表意见，但不能编辑旅程。</p>
		</div>
		<div class="center">
			<div class="btns">
				<button type="submit">提交</button><button class="minor" type="button">取消</button>
			</div>
		</div>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 隐私设置 end-->

<!-- 日历 s-->
<div class="layer" id="cal-layer">
	<h2 class="tit">请选择开始日期</h2>
	<div class="con cal">
		<table cellspacing="10">
			<tbody>
				<tr class="hd">
					<td colspan="4">
						<div class="m-select">
							<span>2012年<i class="arrow"></i></span>
							<div class="cal-year-item">
								<span>2013</span>
								<span class="hover">2014</span>
								<span>2015</span>
								<span>2016</span>
								<span>2017</span>
							</div>
						</div>
						<div class="sel-year">
							<span class="prev">上一年</span>
							<span class="this">今年</span>
							<span class="next">下一年</span>
						</div>
					</td>
				</tr>
				<tr>
					<td>1月</td>
					<td>2月</td>
					<td>3月</td>
					<td>4月</td>
				</tr>
				<tr>
					<td>5月</td>
					<td class="cur">6月</td>
					<td>7月</td>
					<td>8月</td>
				</tr>
				<tr>
					<td>9月</td>
					<td>10月</td>
					<td>11月</td>
					<td>12月</td>
				</tr>
			</tbody>
		</table>
		<div class="center">
			<div class="btns">
				<button type="button">没想好</button><button type="submit">提交</button><button class="minor" type="button">取消</button>
			</div>
		</div>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 日历 end-->

<!-- 转采 s-->
<div class="layer" id="g_collection">
	<h2 class="tit">转采</h2>
	<div class="g_info">
		<!--梦想名称 s-->
		<div class="g_place-box">
			<strong class="g_place-name">我们的马尔代夫</strong>
			<div class="g_sel-place"><!--选择和梦想创建 默认为隐藏  显示E.G <div class="g_sel-place" style="display:block;"> -->
				<ul>
					<li><a href="javascript:void(0)" class="g_cur">马尔代夫</a></li>
					<li><a href="javascript:void(0)">日本</a></li>
					<li><a href="javascript:void(0)">里约</a></li>
					<li><a href="javascript:void(0)">意大利</a></li>
					<li><a href="javascript:void(0)">布宜诺斯艾利斯</a></li>
				</ul>
				<div class="g_create-place">
					<input type="text" name="" id="" class="g_ltxt-m" value="创建新梦想" />
					<button class="g_create-btn">创建</button>
				</div>
			</div>
		</div>
		<!--梦想名称 end-->
		
		<!--梦想分类 s-->
		<div class="g_kinds-box">
			<ul>
				<li><a href="javascript:void(0)" class="g_cur">景</a></li>
				<li class="cur"><a href="javascript:void(0)">吃</a></li>
				<li><a href="javascript:void(0)">住</a></li>
				<li><a href="javascript:void(0)">玩</a></li>
				<li><a href="javascript:void(0)">行</a></li>
				<li><a href="javascript:void(0)">其他</a></li>
			</ul>
		</div>
		<!--梦想分类 end-->
		
		<!--梦想描述 s-->
		<div class="g_text-con">
			<textarea name="" id="" class="g_ltext-m">鼠标拖选的网页文字，点击浮层的采集按钮，即可将所选文字采集到这里</textarea>
		</div>
		<button class="g_coll-btn">转采到咕噜鱼</button>
		<!--梦想描述 end-->
	</div>
	<i class="close">关闭</i>
</div>
<!-- 转采 end-->

<!-- 转采 s-->
<div class="layer" id="quote">
	<h2 class="tit">转采</h2>
	<!--梦想分类 s-->
	<div class="g_kinds-box">
		<ul>
			<li><a href="javascript:void(0)" class="g_cur">景</a></li>
			<li class="cur"><a href="javascript:void(0)">吃</a></li>
			<li><a href="javascript:void(0)">住</a></li>
			<li><a href="javascript:void(0)">玩</a></li>
			<li><a href="javascript:void(0)">行</a></li>
			<li><a href="javascript:void(0)">其他</a></li>
		</ul>
	</div>
	<!--梦想分类 end-->
	<div class="center">
		<div class="btns">
			<button type="button">转采</button>
			<button type="button" class="minor">关闭</button>
		</div>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 转采 end-->

<!-- 无好友 s-->
<div class="layer" id="no-friend">
	<h2 class="tit">暂无好友</h2>
	<div class="con">
		<div class="img-txt">
			<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
			<div class="txt">你现在没有好友! 你可以通过以下几种方式添加好友...</div>
		</div>
		<div class="add-box">
			<a href="javascript:void(0)" class="sina"><i></i>添加新浪微博好友</a>
			<a href="javascript:void(0)" class="tx"><i></i>添加腾讯微薄好友</a>
			<a href="javascript:void(0)" class="other"><i></i>复制链接邀请好友</a>
		</div>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 无好友 end-->

<!-- 景点被移除 s-->
<div class="layer" id="remove-scenic">
	<h2 class="tit">该景点已被移除</h2>
	<div class="con">
		<div class="img-txt">
			<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
			<div class="txt">你的好友<a href="javascript:void(0)">无敌小贱人</a>1分钟前已将该景点从行囊中移除！你可以选择...</div>
		</div>
		<div class="add-box">
			<a href="javascript:void(0)" class="sina"><i></i>添加新浪微博好友</a>
			<a href="javascript:void(0)" class="tx"><i></i>添加腾讯微薄好友</a>
			<a href="javascript:void(0)" class="other"><i></i>复制链接邀请好友</a>
		</div>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 景点被移除 end-->

<!-- 确定删除 s-->
<div class="layer" id="sure-del">
	<h2 class="tit">确定删除</h2>
	<div class="con">
		<strong>你真的要删除<span>我们的马尔代夫的梦想旅程</span>吗？</strong>
		<ul>
			<li class="obvious">该旅程中的所有选择将消失</li>
			<li class="obvious">与旅程相关的讨论将消失</li>
			<li>所有的采集将保留，你可以通过我的主页》我的采集来管理它们</li>
		</ul>
		<div class="center">
			<div class="btns">
				<button type="button">确认删除</button><button type="button" class="minor">不删除</button>
			</div>
		</div>
	</div>
	<i class="close">关闭</i>
</div>
<!-- 确定删除 end-->

<script type="text/javascript" src="/static/script/config.js"></script>
<script type="text/javascript" src="/static/script/core/jquery.js"></script>
<script type="text/javascript" src="/static/script/widget/layer.js"></script>
<script type="text/javascript" src="/static/script/widget/mselect.js"></script>
<script>
$(function(){
	/* 
	 * 弹出层 layer.js
	 * 调用方式 .layer()
	 *
	 */
	//$('.poplayer').layer();
	
	/*
	 * 编辑标题
	 *
	 */
	function editTitle(id){
		var _t = $('#'+id),_val = $('#'+id).text();
		$('#'+id).mouseover(function(){
			_t.addClass('edit-hover');
			_t.dblclick(function(){
				_t.hide();
				_t.parent().append('<input type="text" value="'+ _val +'" />');
			});
		}).mouseout(function(){
			_t.removeClass('edit-hover');
		});
		
	}
	editTitle('editTitle');
});
</script>

<!--#include virtual="/include/footer.html"-->
